/* 头部区域样式 */
.header {
  background-color: #87ceeb; /* 背景颜色设置为浅蓝色 */
  padding: 15px; /* 内边距为15px */
  text-align: center; /* 文本居中对齐 */
  position: relative; /* 相对定位，用于定位子元素 */
}

/* 头部中的h1标签样式 */
.header h1 {
  color: white; /* 文字颜色为白色 */
  margin: 0; /* 外边距为0 */
  font-size: 24px; /* 字体大小为24px */
}

/* 返回链接样式 */
.back-link {
  position: absolute; /* 绝对定位 */
  right: 20px; /* 距离容器右边20px */
  top: 50%; /* 距离容器顶部50% */
  transform: translateY(-50%); /* 向上移动50%，以垂直居中 */
  color: #ff6b6b; /* 文字颜色为浅红色 */
  text-decoration: none; /* 去除下划线 */
  font-size: 14px; /* 字体大小为14px */
}

/* 商品详情容器样式 */
.detail-container {
  max-width: 1200px; /* 最大宽度为1200px */
  margin: 0 auto; /* 上下外边距为0，左右自动（居中） */
  padding: 0px; /* 内边距为20px */
}

/* 商品信息样式 */
.product-info {
  background: white; /* 背景颜色为白色 */
  border-radius: 0; /* 边框圆角为0 */
  box-shadow: none; /* 去除阴影 */
}

/* 商品头部样式 */
.product-header {
  display: flex; /* 使用弹性布局 */
  gap: 10px; /* 子元素之间的间隙为20px */
  padding: 0; /* 内边距为0 */
  background: none; /* 无背景 */
}

/* 商品图片样式 */
.product-image {
  width: 50%; /* 宽度为50% */
  background: #f0f0f0; /* 背景颜色为浅灰色 */
  padding: 0px; /* 内边距为20px */
}

/* 商品Logo图片样式 */
#productLogo {
  width: 100%; /* 宽度为100% */
  height: 100%; /* 高度自动 */
  /* object-fit: contain; 保持图片比例 */
}

/* 商品元数据样式 */
.product-meta {
  width: 50%; /* 宽度为50% */
  padding: 20px; /* 内边距为20px */
  background: #ffb6b6; /* 背景颜色为浅粉色 */
}

/* 商品名称样式 */
.product-name {
  font-size: 24px; /* 字体大小为20px */
  margin: 0 0 40px 0; /* 上右下左外边距分别为0、0、40px、0 */
  color: #333; /* 文字颜色为深灰色 */
}

/* 价格信息样式 */
.price-info {
  background: transparent; /* 背景透明 */
  padding: 0; /* 内边距为0 */
}

/* 价格行样式 */
.price-row {
  margin-bottom: 20px; /* 底部外边距为20px */
  display: flex; /* 使用弹性布局 */
  align-items: center; /* 子元素垂直居中 */
  font-size: 40px; /* 字体大小为40px */
  margin: 100px 0; /* 上下外边距为100px */
}

/* 标签样式 */
.label {
  width: 120px; /* 宽度为120px */
  color: #ff0000; /* 文字颜色为红色 */
  font-size: 36px; /* 字体大小为36px */
}

/* 价格样式 */
.price {
  color: #333; /* 文字颜色为深灰色 */
  text-decoration: line-through; /* 文字划线 */
  font-size: 36px; /* 字体大小为36px */
}

/* 折扣样式 */
.discount {
  color: #4caf50; /* 文字颜色为绿色 */
  font-size: 36px; /* 字体大小为36px */
}

/* 当前价格样式 */
.current-price {
  color: #ff0000; /* 文字颜色为红色 */
  font-size: 36px; /* 字体大小为36px */
  font-weight: bold; /* 字体加粗 */
}

/* 商品详情样式 */
.product-detail {
  margin-top: 20px; /* 顶部外边距为20px */
  padding: 0; /* 内边距为0 */
  border-top: none; /* 无上边框 */
}

/* 商品详情图片样式 */
.product-detail img {
  max-width: 100%; /* 最大宽度为100% */
  height: auto; /* 高度自动 */
  display: block; /* 块级元素显示 */
  margin: 10px auto; /* 上下外边距为10px，左右自动（居中） */
}